<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Страница пользователя</title>
    <link rel='stylesheet' href='static/css/userpage.css'>
    <link rel='stylesheet' href='static/js/tip/tip/tip.css'>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src='static/js/userpage.js'></script>
    <script type="text/javascript" src='static/js/tip/jquery.poshytip.min.js'></script>
</head>

<body>
<div id='wrapper'>
    <div class='left_side sidebar'>
        <div class='avatar side_block'>
            <img src='static/images/avatar2.gif' alt=''>
        </div>
        <div class='nav side_block'>
            <ul>
                <li><a href='#'>Моя страница</a></li>
                <li><a href='#'>Сообщения</a></li>
                <li><a href='#'>Контакты</a></li>
                <li><a href='#'>Фотогалерея</a></li>
                <li><a href='#'>Музыка</a></li>
                <li><a href='#'>Видео</a></li>
                <li><a href='#'>Комментарии</a></li>
                <li><a href='#'>Что нового?</a></li>
                <li><a href='#'>Настройка</a></li>
            </ul>
        </div>
        <div class='box maybe_ts_ur_frnds'>
            <div class='box_head'>Возможно, вы знакомы</div>
            <div class='box_content'>
                <ul>
                    <li> <a href='#' data-name='Иван Петров' title=''><img src='static/images/demo/mini_ava.png' alt=''></a>
                    </li>
                    <li> <a href='#' data-name='Иван Петров' title=''><img src='static/images/demo/mini_ava.png' alt=''></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class='box actual'>
            <div class='box_head'>Актуальные</div>
            <div class='box_content'>
                <img src='static/images/demo/photo.png' alt=''>
                    <ul>
                        <li><a href='#'>На свадьбе в Дагестане</a></li>
                        <li><a href='#'>На свадьбе в Дагестане</a></li>
                        <li><a href='#'>На свадьбе в Дагестане</a></li>
                        <li><a href='#'>На свадьбе в Дагестане</a></li>
                    </ul>
                    <button><span>Мое мнение</span></button>
            </div>
        </div>
    </div>
    <div class='content'>
        <div class='whatsnew'>
            <div class='whatsnew_input'>
            	<div class='whatsnew_input_wrapper'>
                	<input type='text' value='Статус пользователя'>
                </div>
            </div>
            <div class='whatsnew_bubbles'></div>
        </div>
        <div class='box info'>
            <div class='box_head'>Информация о пользователе</div>
            <div class='box_content info_box'>
                <ul>
                    <li><div class='left'><span>Личная страница</span></div><div class='right'>$nickname [$sex]</div></li>
                    <li><div class='left'><span>Адрес страницы</span></div><div class='right'>$address</div></li>
                    <li><div class='left'><span>День рождения</span></div><div class='right'>$date</div></li>
                    <li><div class='left'><span>Место рождения</span></div><div class='right'>$city</div></li>
                    <li><div class='left'><span>Место проживания</span></div><div class='right'>$city</div></li>
                    <li><div class='left'><span>Где я сейчас</span></div><div class='right'>$city</div></li>
                    <li><div class='left'><span>Родной язык</span></div><div class='right'>$language</div></li>
                </ul>
                <ul class='hidden' style='display:none;'>
                    <li><div class='left'><span>Личная страница</span></div><div class='right'>$nickname [$sex]</div></li>
                    <li><div class='left'><span>Адрес страницы</span></div><div class='right'>$address</div></li>
                    <li><div class='left'><span>День рождения</span></div><div class='right'>$date</div></li>
                    <li><div class='left'><span>Место рождения</span></div><div class='right'>$city</div></li>
                    <li><div class='left'><span>Место проживания</span></div><div class='right'>$city</div></li>
                    <li><div class='left'><span>Где я сейчас</span></div><div class='right'>$city</div></li>
                    <li><div class='left'><span>Родной язык</span></div><div class='right'>$language</div></li>
                </ul>
            </div>
            <div class='box_readmore'>
                <span class='box_readmore_title'>Подробная информация</span>
            </div>
        </div>
        <div class='box img_box'>
            <div class='box_head'>Фотогалерея</div>
            <div class='box_content image_box gallery_box'>
                <ul>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt=''></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                </ul>
                <ul class='hidden' style='display:none;'>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                    <li><a href='static/images/demo/bardot.jpg'><img src='static/images/demo/image.png' alt='#'></a></li>
                </ul>
            </div>
            <div class='box_readmore'>
                <span class='box_readmore_title'>Показать ещё</span>
            </div>
        </div>
        <div class='box img_box'>
            <div class='box_head'>Друзья</div>
            <div class='box_content image_box friend_box'>
                <ul>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                </ul>
                <ul class='hidden' style='display:none;'>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                    <li><a href='#'><img src='static/images/demo/friend.png' alt=''></a></li>
                </ul>
            </div>
            <div class='box_readmore'>
                <span class='box_readmore_title'>Показать ещё</span>
            </div>
        </div>
        <div class='comment_box'>
            <div class='comment_title'>Написать на стене</div>
            <ul>
                <li>
                    <div class='left'><img src='static/images/demo/comment_ava.png' alt=''></div>
                    <div class='right'>
                        <div class='comment_cloud'>
                            <div class='comment_cloud_head'>
                                <div class='comment_head_nickname'>$user [$nickname]</div>
                                <div class='comment_head_date'>$date</div>
                            </div>
                            <div class='comment_text'>Дизайн сайта создан под разрешение 1280 px, но решили еще сделать резину для 1024, и с того рисунка что я приложил снизу надо отрезать 80 пикселей. </div>
                        </div>
                        <span class='comment_cloud_triangle'></span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class='right_side sidebar'>
        <div class='avatar side_block'>
            <img src='static/images/avatar.gif' alt=''>
        </div>
        <div class='nav side_block'>
            <ul>
                <li><a href='#' class='nickname'>$nickname</a></li>
                <li><a href='#'>Сообщения</a></li>
                <li><a href='#'>Контакты</a></li>
                <li><a href='#'>Фотогалерея</a></li>
                <li><a href='#'>Музыка</a></li>
                <li><a href='#'>Видео</a></li>
                <li><a href='#'>Комментарии</a></li>
                <li><a href='#'>Что нового?</a></li>
                <li><a href='#'>Настройка</a></li>
            </ul>
        </div>
    </div>
</div>
<div class='photo-lightbox' style='display:none;'>
	
</div>
</body>
</html>